<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="js/jquery.anythingslider.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.2.js"></script>
<script type="text/javascript">
    
	function formatText(index, panel) {
		return index + "";
		}
	
			$(function () {
			
				$('.anythingSlider').anythingSlider({
					easing: "easeInOutExpo",        // Anything other than "linear" or "swing" requires the easing plugin
					autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not.
					delay: 3000,                    // How long between slide transitions in AutoPlay mode
					startStopped: false,            // If autoPlay is on, this can force it to start stopped
					animationTime: 600,             // How long the slide transition takes
					hashTags: true,                 // Should links change the hashtag in the URL?
					buildNavigation: true,          // If true, builds and list of anchor links to link to each slide
					pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
					startText: "Play",             // Start text
					stopText: "Stop"               // Stop text
				});
			});
</script>
<!--[if lt IE 7]>
  <link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">
  <script type="text/javascript" src="js/ie_png.js"></script>
  <script type="text/javascript">
      ie_png.fix('.png');
  </script>
<![endif]-->
<!--[if lt IE 9]>
  	<script type="text/javascript" src="js/html5.js"></script>
  <![endif]-->
</head>
<body>
<div id="main">
  <!-- header -->
  <header>
    <div class="logo">
      <h1><a href="index.html">Consulte<i>X</i></a></h1>
      <span class="description">our customers support</span> </div>
    <a href="#" class="rss">RSS Submit</a>
    <nav>
      <ul>
        <li><a href="index.html">Home Page</a></li>
        <li><a href="index-1.html">About Us</a></li>
        <li><a href="index-2.html">Solutions</a></li>
        <li><a href="index-3.html">Partners</a></li>
        <li><a href="index-4.html">Clients</a></li>
        <li><a href="index-5.html" class="current">Contacts</a></li>
      </ul>
    </nav>
  </header>
  <section id="main-banner">
    <div class="intro">
      <div class="inner"> <strong>trust our</strong> experience to manage your <span>business!</span> </div>
    </div>
    <div class="anythingSlider">
      <div class="wrapper">
        <ul>
          <li><img src="images/slide1.png" alt=""></li>
          <li><img src="images/slide2.png" alt=""></li>
          <li><img src="images/slide3.png" alt=""></li>
          <li><img src="images/slide4.png" alt=""></li>
          <li><img src="images/slide5.png" alt=""></li>
        </ul>
      </div>
    </div>
  </section>
  <aside class="top">
    <div class="container_12">
      <div class="wrapper">
        <div class="grid_4 divider">
          <div class="inner">
            <h3><img src="images/icon1.png" alt="">How to find us<span></span></h3>
            Wnec porta diam eu massa. Quisque diam  vitae, pede. Donec eget tellus non erat lacinia fermen tum. Donec in velit ve... <a href="#" class="link1">More Info</a>
          </div>
        </div>
        <div class="grid_4 divider">
          <div class="inner">
            <h3><img src="images/icon3.png" alt="">Mailing Address<span></span></h3>
            Quisque diam lorem, interdum vitae, dapibus ac, scelerisque vitae, pede. Donec llus non erat lacini a fermentc in velit ve... <a href="#" class="link1">More Info</a>
          </div>
        </div>
        <div class="grid_4">
          <div class="inner">
            <h3><img src="images/icon2.png" alt="">Our info<span></span></h3>
            Diam lorem, interdum vitae, dapibus ac, scelerisq ue vitae, pede. Donec llus non erat lacinia ferm entc in velit ve... <a href="#" class="link1">More Info</a>
          </div>
        </div>
      </div>
    </div>
  </aside>
  <div class="wrapper">
    <!-- content -->
    <section id="content">
    	<div class="container_12">
        <div class="wrapper">
          <div class="grid_8">
            <div class="indent">
              <article>
                <div class="inside1">
                	<h2>Contact Information</h2>
                  <div class="wrapper">
                    <img src="images/5page-img1.jpg" alt="" class="img-indent">
                    <dl class="address">
                    	<dt><strong>The Company Name Inc.</strong><br />
                      8901 Marmora Road,<br />
                      Glasgow, D04 89GR.</dt>
                      <dd><span>Freephone:</span>+1 800 559 6580</dd>
                      <dd><span>Telephone:</span>+1 959 603 6035</dd>
                      <dd><span>FAX:</span>+1 101 889 9898</dd>
                      <dd>E-mail: <a href="#">mail@demolink.org</a></dd>
                    </dl>
                  </div>
                </div>
              </article>
              <article class="last">
              	<div class="wrapper">
                	<div class="grid_4 colborder alpha">
                  	<div class="inside1">
                  	  <h2>Contact form</h2>
                      <form action="" id="contacts-form">
                        <fieldset>
                          <label><input type="text" value="Name:" onfocus="if(this.value=='Name:') this.value='';" onblur="if(this.value=='') this.value='Name:';"/></label>
                          <label><input type="text" value="E-mail:" onfocus="if(this.value=='E-mail:') this.value='';" onblur="if(this.value=='') this.value='E-mail:';"/></label>
                          <textarea onfocus="if(this.value=='Message:') this.value='';" onblur="if(this.value=='') this.value='Message:';">Message:</textarea>
                          <div class="wrapper"><a href="#" class="button" onclick="document.getElementById('contacts-form').submit()">Submit</a><a href="#" class="button" onclick="document.getElementById('contacts-form').reset()">Clear</a></div>
                        </fieldset>
                      </form>
                  	</div>
                  </div>
                	<div class="grid_4 omega">
                  	<div class="inside">
                  	  <h2>Locations</h2>
                      <h6>Argentina</h6>
                      <p>Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penibus et gnis dis parturient montescetur sit amet consec tetuer adipiscing elituris.</p>
                      <h6>Finland</h6>
                      <p class="p3">Fermentum dictgned laoreet aliquam leo tellus. dolor dapibumentum vel cursus eleifend elit. Aenean auctor wisi et urna. Aliquaerat volutpat. Duis ac turpis. Integer rutrumante eu lacusestibulum libero nisl</p> 
                      <a href="#" class="button">Read More</a>
                  	</div>
                  </div>
                </div>
              </article>
            </div>
          </div>
          <aside class="grid_4">
        		<div class="box">
            	<h2>Friends links</h2>
              <ul class="list1">
              	<li><a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Consectetur adipiscing elit</a></li>
                <li><a href="#">Quisque porta tellus at</a></li>
                <li><a href="#">Sollicitudin in congue libero</a></li>
                <li><a href="#">Duis vulputate urna in</a></li>
                <li><a href="#">Velit ultrices tristique</a></li>
                <li><a href="#">Cras feugiat diam vitae</a></li>
                <li><a href="#">Donec ac tellus et metus pretium</a></li>
                <li><a href="#">Ut consectetur libero at nisi</a></li>
                <li><a href="#">Nulla facilisis pharetra sem</a></li>
                <li><a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Consectetur adipiscing elit</a></li>
                <li><a href="#">Quisque porta tellus at</a></li>
                <li><a href="#">Sollicitudin in congue libero</a></li>
                <li><a href="#">Duis vulputate urna in</a></li>
                <li><a href="#">Velit ultrices tristique</a></li>
              </ul>
              <div class="extra-links">
              	<a href="#">More links</a>
              </div>
            </div>
          </aside>
        </div>
      </div>
    </section>
  </div>
  <!-- footer -->
  <footer>
  	<nav>
  	  <ul>
      	<li><a href="index.html">Home Page</a></li>
        <li><a href="index-1.html">About Us</a></li>
        <li><a href="index-2.html">Solutions</a></li>
        <li><a href="index-3.html">Partners</a></li>
        <li><a href="index-4.html">Clients</a></li>
        <li><a href="index-5.html" class="current">Contacts</a></li>
      </ul>
  	</nav>
  
  </footer>
</div>
</body>
</html>
